<?php $url = new Url();?>
<div class='left'>
    <?php
        $this->widget("AdminThanhvien");
    ?>
</div>
<form id="form1" name="form1" method="post" action="">   
    <div class="right-main">
        <div class="righ-cont">
            <div class="right">            
                <div class="title_style"> <span><b>
                            <? 
                                if(isset($data))
                                {
                                    echo "Sửa thành viên";    
                                }                  
                                else
                                {
                                    echo "Thêm mới thành viên";
                                }
                            ?>

                        </b></span></div>
                <div class="tool clearfix">

                </div>

                <div class="table clearfix">
                    <table cellspacing="0" cellpadding="0" border="0" width="100%">
                        <tbody>
                            <tr class="bg_gray">                                    
                                <? 
                                    if(!isset($data))
                                    {
                                        echo "<td width='15%'><strong>Tên tài khoản </strong></td>";
                                        echo "<td width='20%'><strong>Họ và tên </strong></td>";
                                        echo "<td width='15%'><strong>Email</strong></td>";
                                        echo "<td width='10%'><strong>Mobile</strong></td>";
                                        echo "<td width='20%'><strong>Đỉa chỉ</strong></td>";
                                        echo "<td width='10%'><strong>Tài khoản phụ</strong></td>";
                                        echo "<td width='10%'><strong>Mật khẩu</strong></td>";    
                                    }
                                    else
                                    {
                                        echo "<td width='15%'><strong>Tên tài khoản </strong></td>";
                                        echo "<td width='25%'><strong>Họ và tên </strong></td>";
                                        echo "<td width='15%'><strong>Email</strong></td>  ";
                                        echo "<td width='15%'><strong>Mobile</strong></td> ";
                                        echo "<td width='20%'><strong>Đỉa chỉ</strong></td>";
                                        echo "<td width='10%'><strong>Tiền trong TK</strong></td>";
                                    }                                   
                                ?>                                                                
                            </tr>                            
                            <tr>                           
                                <? 
                                    if(isset($data))
                                    {                            
                                        echo "<td><input type='text' id='username' name='username' style='text-align: center;width:90%' value='".$data[0]['username']."'></td>";
                                        echo "<td><input type='text' id='fullname' name='fullname' style='text-align: center;width:90%' value='".$data[0]['fullname']."'></td>";
                                        echo "<td><input type='text' id='email' name='email' style='text-align: center;width:90%' value='".$data[0]['email']."'></td>";
                                        echo "<td><input type='text' id='mobile' name='mobile' style='text-align: center;width:90%' value='".$data[0]['mobile']."'></td>";
                                        echo "<td><input type='text' id='address' name='address' style='text-align: center;width:90%' value='".$data[0]['address']."'></td>";
                                        echo "<td><input type='text' id='xu' name='xu' disabled='disabled' style='text-align: center;width:90%' value='".$data[0]['tk_chinh']."' onchange='validate(this.value)' ></td>";
                                    }
                                    else
                                    {
                                        echo "<td><input type='text' id='username' name='username' style='text-align: center;width:90%'></td>";
                                        echo "<td><input type='text' id='fullname' name='fullname' style='text-align: center;width:90%'></td>";
                                        echo "<td><input type='text' id='email' name='email' style='text-align: center;width:90%'></td>";
                                        echo "<td><input type='text' id='mobile' name='mobile' style='text-align: center;width:90%'></td>";
                                        echo "<td><input type='text' id='address' name='address' style='text-align: center;width:90%'></td>";
                                        echo "<td><input type='text' id='xu' name='xu' disabled='disabled' style='text-align: center;width:90%' onchange='validate(this.value)'></td>";
                                        echo "<td><input type='text' id='password' name='password' style='text-align: center;width:90%'></td>";                                        
                                    }
                                ?>                            
                            </tr>                          
                        </tbody>
                    </table>
                </div>
                <div class="fillters clearfix">
                    <? 
                        if(isset($data))
                        {
                            echo "<p align='center'><input type='button' value='Sửa' onclick='return edituser(".$data[0]['id'].")' /> <input type='button' value='Hủy bỏ' onclick='comeback()' /></p>";
                        }                  
                        else
                        {
                            echo "<p align='center'><input type='button' value='Thêm mới' onclick='return insertuser()' /> <input type='button' value='Hủy bỏ' onclick='comeback()' /></p>";
                        }
                    ?>                    
                </div>                
            </div>
        </div>
    </div>
</form>
<script type="">
    function validate(xu)
    {                  
        var intValue = parseInt(xu);                  
        if(isNaN(intValue))
            {
            alert('Số xu phải là số!');
            document.getElementById('xu').value = '';                
            return;    
        } 
    }

    function edituser(id)
    {                  
        var reason = "";
        reason += validateUsername();
        reason += validatePassword();
        reason += validatePhone();                   
        if (reason != "") {
            alert("Bạn còn những lỗi sau:\n" + reason);
            return false;
        }        

        var username = document.getElementById('username').value;        
        var fullname = document.getElementById('fullname').value;                
        var email = document.getElementById('email').value;                
        var mobile = document.getElementById('mobile').value;                
        var address = document.getElementById('address').value;                
        var xu = document.getElementById('xu').value;             

        var strUrl = '<?=$url->createUrl("user/submitUpdate") ?>'; 
        $.ajax({
            type: "POST",
            url: strUrl,
            data: {id:id,username:username,fullname:fullname,email:email,mobile:mobile,address:address,xu:xu},             
            success: function(msg){
                if(msg==1){
                    alert("Bạn đã sửa thành viên thành công");        
                    window.location = '<?=$url->createUrl("user/index") ?>';            
                }
                else if(msg==0){
                    alert("Sửa thành viên thất bại");                    
                    window.location = '<?=$url->createUrl("user/index") ?>';
                }
            }
        })
        return true;
    }

    function insertuser()
    {     
        var reason = "";

        reason += validateUsername();
        reason += validatePassword();
        reason += validatePhone();                
        if (reason != "") {
            alert("Bạn còn những lỗi sau:\n" + reason);
            return false;
        }        

        var username = document.getElementById('username').value;                
        var fullname = document.getElementById('fullname').value;                
        var email = document.getElementById('email').value;                
        var mobile = document.getElementById('mobile').value;                
        var address = document.getElementById('address').value;                
        var xu = document.getElementById('xu').value;
        var password = document.getElementById('password').value;                    

        var strUrl = '<?=$url->createUrl("user/submitInsert") ?>'; 
        $.ajax({
            type: "POST",
            url: strUrl,
            data: {username:username,fullname:fullname,email:email,mobile:mobile,address:address,xu:xu,password:password},             
            success: function(msg){            
                if(msg==1){
                    alert("Bạn đã thêm mới thành viên thành công");        
                    window.location = '<?=$url->createUrl("user/index") ?>';            
                }
                else if(msg==2){
                    alert("Username đã tồn tại!");                    
                    window.location = '<?=$url->createUrl("user/index") ?>';
                }
            }
        })
        return true;
    }   

    function comeback()
    {
        window.location = '<?=$url->createUrl("user/index") ?>';
    }

    function validateUsername() {
        var error = "";
        var illegalChars = /\W/; // allow letters, numbers, and underscores

        if (document.getElementById('username').value == "") {
            document.getElementById('username').style.background = 'Yellow'; 
            error = "Bạn chưa nhập username.\n";
            //alert(error);                    
        } else if ((document.getElementById('username').value.length < 5) || (document.getElementById('username').value.length > 15)) {
            document.getElementById('username').style.background = 'Yellow'; 
            error = "Username quá ngắn hoặc quá dài.\n";
            //alert(error);                   
        } else if (illegalChars.test(document.getElementById('username').value)) {
            document.getElementById('username').style.background = 'Yellow'; 
            error = "Username chứa ký tự đặc biệt.\n";
            //alert(error);                
        } else {
            document.getElementById('username').style.background = 'White';
        }    
        return error;
    }

    function validatePassword() {
        var error = "";
        var illegalChars = /[\W_]/; // allow only letters and numbers 

        if (document.getElementById('password').value == "") {
            document.getElementById('password').style.background = 'Yellow';
            error = "Bạn chưa nhập password.\n";
            //alert(error);            
        } else if ((document.getElementById('password').value.length < 7) || (document.getElementById('password').value.length > 15)) {
            error = "Password quá ngắn hoặc quá dài. \n";
            document.getElementById('password').style.background = 'Yellow';
            //alert(error);        
        } else if (illegalChars.test(document.getElementById('password').value)) {
            error = "Password chứa ký tự đặc biệt.\n";
            document.getElementById('password').style.background = 'Yellow';
            //alert(error);            
        } else {
            document.getElementById('password').style.background = 'White';
        }
        return error;
    }

    function validateEmail() {
        var error="";        
        var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/ ;
        var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/ ;

        if (document.getElementById('email').value == "") {
            document.getElementById('email').style.background = 'Yellow';
            error = "Bạn chưa nhập địa chỉ email.\n";
        } else if (!emailFilter.test(document.getElementById('email').value)) {              //test email for illegal characters
            document.getElementById('email').style.background = 'Yellow';
            error = "Bạn nhập sai định dạng địa chỉ emails.\n";
        } else if (document.getElementById('email').value.match(illegalChars)) {
            document.getElementById('email').style.background = 'Yellow';
            error = "Địa chỉ email chứa các ký tự đặc biệt.\n";
        } else {
            document.getElementById('email').style.background = 'White';
        }
        return error;
    }

    function validatePhone(){
        var error = "";
        var stripped = document.getElementById('mobile').value.replace(/[\(\)\.\-\ ]/g, '');    

        if (document.getElementById('mobile').value == "") {
            error = "Bạn chưa nhập số điện thoại.\n";
            document.getElementById('mobile').style.background = 'Yellow';
        } else if (isNaN(parseInt(stripped))) {
            error = "Số điện thoại chỉ là số.\n";
            document.getElementById('mobile').style.background = 'Yellow';
        }
        return error;
    }

</script>